<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>大数据管理平台</title>
		<meta charset="UTF-8">
		<link href="../css/BigData.css" rel="stylesheet" type="text/css" />
		<link href="../css/index.css" rel="stylesheet" type="text/css" />
		<link href="../css/index01.css" rel="stylesheet" type="text/css" />
		<link href="../css/Security_operation.css" rel="stylesheet" type="text/css" />
		<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
			<div class="data_bodey">
				<div class="index_nav">
					<ul style="height: 30px; margin-bottom: 0px;">
						<li class="l_left total_chose_pl  nav_active">统计分析一</li>
						<li class="l_left total_chose_pl">统计分析二</li>
						<li class="r_right total_chose_pl">统计分析三</li>
						<li class="r_right total_chose_pl">统计分析四</li>
						<li class="r_right total_chose_pl">统计分析五</li>
					</ul>
					<div class="total_chose_box">
						<div style="height: 32px;"></div>
						<span class="chose_tltle">请选择年份：</span>
						<select class="year_chose">
							<option>2017</option>
							<option>2016</option>
							<option>2015</option>
							<option>2014</option>
							<option>2013</option>
							<option>2012</option>
						</select>
						<span class="chose_tltle">请输入月份：</span>
						<input class="chose_text_in">
						<button class="chose_enter">确定</button>
					</div>
					<div class="clear"></div>
				</div>
				<div class="index_tabs">
					<div class="inner">
						<div class="data_left03">
							<div class="dataAllNo01 maginS01">
								<div class="dataAllBorder01">
									<div class="dataAllBorder02">
										<div class="data_tit3">在训班级整体情况分析</div>
										<table class="table_data01" id="classTb">
											<tr>
												<td>班级名称</td>
												<td>在训人数</td>
												<td>项目经理</td>
												<td>重点关注人数</td>
												<td>课程阶段</td>
											</tr>
										</table>
										<p class="data_chart01" id="zhanbi02"></p>
									</div>
								</div>
							</div>
						</div>
						<div class="data_left04">
<!--							style="margin-top: 6.3%"-->
							<div class="dataAllNo01">
								<div class="dataAllBorder01">
									<div class="dataAllBorder02">
										<div class="data_tit3">各班级作业情况分析</div>
										<table class="table_data02" >
											<tr>
												<td class="font07">完成率</td>
												<td class="font03" id="complete_rate">80%</td>
												<td class="font07">提交率</td>
												<td class="font02" id="submit_rate">50%</td>
											</tr>
											<tr>
												<td class="font07">完成率低于40%占比</td>
												<td class="font01" id="lt40_rate">10%</td>
												<td class="font07">完成率高于80%占比</td>
												<td class="font01" id="gt80_rate">464.15%</td>
											</tr>
										</table>
										<br />
										<p class="zhanleft02" id="allAly03"></p>
<!--										表格的格式设置-->
										<table class="table_data_ex" id="lessThanFouty">
<!--											fon04css中的标题的大小-->
											<caption class="font04">
												<center>本周核心作业完成率低于40%学员列表</center>
											</caption>
											<tr>
												<td>姓名</td>
												<td>班级</td>
												<td>核心作业完成率</td>
												<td>课程阶段</td>
												<td>完善措施</td>
											</tr>
										</table>
									</div>
								</div>
							</div>
						</div>
						<div class="data_left03">
							<div class="dataAllNo01 maginS01">
								<div class="dataAllBorder01">
									<div class="dataAllBorder02">
										<div class="data_tit3">各班级考核情况分析</div>
										<table class="table_data02">
											<tr>
												<td class="font07">本周总成绩</td>
												<td class="font03" id="score_sum">100</td>
												<td class="font07">平均成绩</td>
												<td class="font02" id="score_avg">56</td>
											</tr>
										</table>
												<!--班级平均成绩图表-->
												<div id="allAly04" style="width: 90%; height: 45%;margin-top: 10px;"></div>
												<!--A/B/C/D类学员图表-->
												<div id="allAly05" style="width: 90%; height: 45%;margin-top: 10px;"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-----------项目扩展功能---------------->
					<div class="inner" style="display: none">
						<div class="clear"></div>
						<div class="data_left05">
							<div class="dataAllNo02 ">
								<div class="dataAllBorder01">
									<div class="dataAllBorder02">
										<div class="data_tit">当周项目经理发布作业次数</div>
										<div style="width: 600px; height: 300px;" id="shijian01"></div>
									</div>
								</div>

							</div>
						</div>
						<div class="data_left05">
							<div class="dataAllNo02 ">
								<div class="dataAllBorder01">
									<div class="dataAllBorder02">
										<div class="data_tit">学员各省就业空间展示</div>
										<center>
											<div style="width: 560px; height: 230px;" id="shijian03"></div>
										</center>
									</div>
								</div>
							</div>
						</div>

						<div class="clear"></div>

						<div class="data_left05">
							<div class="dataAllNo02">
								<div class="dataAllBorder01">
									<div class="dataAllBorder02">
										<div class="data_tit">当周各班级考核次数</div>
										<center>
											<div style="width: 350px; height: 280px;" id="shijian02"></div>
										</center>

									</div>
								</div>
							</div>
						</div>
						<div class="data_left05">
							<div class="dataAllNo02">
								<div class="dataAllBorder01">
									<div class="dataAllBorder02">
										<div class="data_tit">学员空间定位信息</div>
										<center>
											<div style="width: 560px; height: 230px;" id="shijian04"></div>
										</center>
										</div>
									</div>

								</div>
							</div>
						</div>
						<!-----------项目扩展功能---------------->
					</div>
				</div>
			</div>

	</body>
</html>

<script src="../js/echarts.min.js"></script>
<script src="../js/jquery.js"></script>
<script src="../js/index.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=EE9m1OqkdsX5MtfSwtXIZy8i7xiAvb8l"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.2.0/dist/extension/bmap.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.2.0/dist/echarts.min.js"></script>
<script type="text/javascript" src="https://code.bdstatic.com/npm/jquery@1.12.4/dist/jquery.min.js"></script>


<script type="text/javascript">

	//在训班级整体情况分与析折线图
	$(function () {
		var myChart = echarts.init($("#zhanbi02")[0]);
		// 指定图表的配置项和数据
		var option = {
			title: {
				text: '各班的在训人数和关注人数',
				textStyle: {
					color: "#e9ebee"
				},
			},
			tooltip: {
				trigger: 'axis'
			},

			xAxis: {
				type: 'category',
				boundaryGap: false,
				axisLabel: {
					formatter: '{value} 班',
					textStyle: {
						color: "#e9ebee"
					},
				},
				data: ['java293', 'java293', 'java293', 'java293', 'java293', 'java293', 'java293']
			},
			yAxis: {
				type: 'value',
				axisLabel: {
					formatter: '{value} 人',
					textStyle: {
						color: "#e9ebee"
					},
				},
			},
			series: [
				{
					name: '总人数',
					type: 'line',
					data: [10, 11, 13, 11, 12, 12, 9],
					markPoint: {
						data: [
							{ type: 'max', name: 'Max' },
							{ type: 'min', name: 'Min' }
						]
					},
					markLine: {
						data: [{ type: 'average', name: 'Avg' }]
					}
				},
				{
					name: '关注人数',
					type: 'line',
					data: [1, 2, 2, 5, 3, 2, 0],

					markLine: {
						data: [
							{ type: 'average', name: 'Avg' }
						]
					}
				}
			]
		};
		myChart.setOption(option);
		//--------------班级整体信息可视化start----------------
		//发送异步请求
		//班级整体情况
		$.ajax({
			url:"/manager/analysis/listClssesInfo",
			type:"get",
			dataType: "json",
			success:function (data) {
				console.log(data)
				//班级总人数
				var arr1 = [];
				//班级关注人数
				var arr2 = [];
				//班级名称
				var arr3 = [];
				if(data !=null){
					$.each(data,function (index,item) {
						console.log(item);
						arr1[index] = item.f_remainum;
						arr2[index] = (item.num == undefined ? 0 : item.num);
						arr3[index] = item.f_classname;
						$("#classTb").append("<tr>" +
								"<td>"+item.f_classname+"</td>" +
								"<td class='font03'>"+item.f_remainum+"</td>" +
								"<td>"+item.f_mastername+"</td>" +
								"<td class='font03'>"+(item.num == undefined ? 0 : item.num)+"</td>" +
								"<td>"+item.f_progress+"</td>" +
								"</tr>")
					})
				}
				//初始化折线图的数据
				console.log(arr1);
				console.log("------------------");
				console.log(arr2);
				console.log(arr3);
				//设置图标的属性分别对应以上三个数组即可
				for (var i=0; i<data.length; i++){
					var obj =data[i];
					var classname = obj.f_classname;
					var remainum = obj.f_remainum;
					var num = (obj.num == undefined ? 0 : obj.num);
					arr1[i]=classname;
					arr2[i]=remainum;
					arr3[i]=num;
				}
				//console.log(arr);
				myChart.setOption({
					xAxis: {
						data: arr1
					},
					series: [{
						data: arr2,
					},
						{
							data: arr3
						}
					]
				});
			},
			error:function() {
				alert("异步交互失败");
			}
		});
	});
	//完成率、提交率、完成率低于80%占比和完成率高于80%占比
	$(function (){
		$.ajax({
			type:"post",
			url:"/manager/analysis/exInfo",
			dataType:"json",
			success:function (data){
				console.log(data);
				$("#complete_rate").text(data.complete_rate+"%");
				$("#submit_rate").text(data.submit_rate+"%");
				$("#lt40_rate").text(data.lt40_rate+"%");
				$("#gt80_rate").text(data.top80rate+"%");
			}
		});
	});
	//核心作业提交率和完成率统计图标展示
	$(function() {
		var myChart = echarts.init($("#allAly03")[0]);
		var option;
		option = {
			title: {
				text: '本周核心作业提交率和完成率统计',
				textStyle: {
					color: "#e9ebee"
				},
				x: 'center'
			},

			grid:{
				y:1000
			},

			tooltip: {
				trigger: "axis",
				formatter:'{b}班<br />提交率: {c0}%<br />完成率: {c1}%',
			},
			legend: {
				orient: 'vertical',
				x: 'left',
				data:['提交率',"完成率"],
				textStyle: {
					color: "#e9ebee"
				},
			},
			calculable: false,
			xAxis: [{
				type: 'category',
				splitLine: {
					show: false
				},
				axisLabel: {
					formatter: '{value} 班',
					textStyle: {
						color: '#e9ebee',
						align: 'right'
					}
				},
				 data: ["java293","java294","java295","java296","java297","java298"]
			}],
			yAxis: [{
				type: 'value',
				splitLine: {
					show: false
				},
				axisLabel: {
					interval: 'auto',
					formatter: '{value} %',  
					textStyle: {
						color: '#e9ebee',
						align: 'right'
					}
				}
			}],
			grid: {
				borderWidth: 0
			},
			series: [{
					name: '完成率',
					type: 'bar',
					data: [50, 20, 40, 87, 75, 67],
				    itemStyle: {
						normal: {
							color: '#2481ff'
						}
					},
					markPoint: {
						data: [{
								type: 'max',
								name: '最大值'
							},
							{
								type: 'min',
								name: '最小值'
							}
						]
					},
					markLine: {
						data: [{
							type: 'average',
							name: '平均值'
						}]
					}
				},
				{
					name: '提交率',
					type: 'bar',
					 data: [80, 75, 90, 100, 60, 88],
					itemStyle: {
						normal: {
							color: '#1afffd'
						}
					},
					markPoint: {
						data: [{
								type: 'max',
								name: '最大值'
							},
							{
								type: 'min',
								name: '最小值'
							}
						]
					},
					markLine: {
						data: [{
							type: 'average',
							name: '平均值'
						}]
					}
				}
			]
		};
		myChart.setOption(option);
		$.ajax({
			type:"get",
			url:"/manager/analysis/findClassCore",
			dataType:"json",
			success:function (data) {
				console.log(data);
				var arr1 = [];
				var arr2 = [];
				var arr3 = [];
				for (var i=0; i<data.length; i++){
					var obj =data[i];
					var classname = obj.f_classname;
					var avg_core = obj.avg_core;
					var rate = obj.rate;
					arr1[i]=classname;
					arr2[i]=avg_core;
					arr3[i]=rate;
				}
				//console.log(arr);
				myChart.setOption({
					xAxis: {
						data: arr1
					},
					series: [{
						data: arr3,
					},
						{
							data: arr2
						}
					]
				});
			},
			error:function() {
				alert("异步交互失败");
			}
		});

	});
	//发送异步请求，获取本周核心作业完成率低于40%学员列表
	$(function(){
		$.ajax({
			url:"/manager/analysis/listStudentCoreTaskCompleteRateLessForty",
			type:"get",
			dataType:"json",
			success:function (data) {
				//局部刷新表格数据
				console.log("数据："+data);
				if(data != null){
					for (var i=0;i<data.length;i++){
						$("#lessThanFouty").append("<tr>" +
								"<td>"+data[i].f_name+"</td>" +
								"<td>"+data[i].f_classname+"</td>" +
								"<td>"+(data[i].f_core == undefined ? 0 : data[i].f_core)+"</td>" +
								"<td>"+data[i].f_progress+"</td>" +
								"<td>"+(data[i].f_suggestion ==undefined ? "无": data[i].f_suggestion)+"</td>" +
								"</tr>");
					}
				}
			}
		});
	});
	//本周总成绩与平均成绩
	$(function(){
		//
		$.ajax({
			type:"post",
			url:"/manager/analysis/avgInfor",
			dataType:"json",
			success:function(data){
				console.log(data);
				$("#score_sum").text(data.score_sum);
				$("#score_avg").text(data.score_avg);
			}
		});
	});
	//各班级平均成绩
	$(function(){
		var myChart = echarts.init($("#allAly04")[0]);
		option = {
		    title: {
		        text: '本周各班级平均成绩',
		        left: 'center',
				textStyle:{
					color: "white",
					fontWeight: "bold",					
				}
		    },
		    tooltip: {
		        trigger: 'item'
		    },
		    series: [
		        {
		            name: '平均成绩',
		            type: 'pie',
		            radius: '50%',
		            data: [
		                {value: 80, name: 'java297'},
		                {value: 75, name: 'java230'},
		                {value: 35.4, name: '大数据'},
		                {value: 86, name: 'java299'},
		                {value: 90, name: 'java289'}
		            ],
		            emphasis: {
		                itemStyle: {
		                    shadowBlur: 10,
		                    shadowOffsetX: 0,
		                    shadowColor: 'rgba(0, 0, 0, 0.5)'
		                }
		            }
		        }
		    ]
		};	
		myChart.setOption(option);

		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/listClassesAvgScore", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				//异步交互成功的回调函数，data就是后台返回的json数据
				console.log(data);
				//声明数组
				var arr = [];
				//循环遍历服务器返回的数组对象
				for(var i = 0; i < data.length; i++){
					//获取每一个数组元素
					var  obj = data[i];
					//获取obj对象的属性值
					var classname = obj.f_classname;
					var avg_score = obj.score_avg;
					//声明对象
					var target = {};
					target.name = classname;
					target.value = avg_score;
					arr[i] = target;
				}
				//console.log(arr);
				myChart.setOption({
					series: [{
						data: arr
					}]
				});
			},
			error:function(){
				alert("异步交互失败~");
			}
		});

	});
	//A/B/C/D类学员图表
	$(function(){
		var myChart2 = echarts.init($("#allAly05")[0]);
		option = {
		    title: {
		        text: '学员等级',
				textStyle:{
					color: "white",
					fontWeight: "bold",
				}
		    },
		    tooltip: {
		        trigger: 'item'
		    },
		    toolbox: {
		        feature: {
		            dataView: {readOnly: false},
		            restore: {},
		            saveAsImage: {}
		        }
		    },
		    legend: {
				top:"10%",
				//与上方的距离 可百分比% 可像素px
				x: 'center',
		        data: ['a','b','c','d','e']
		    },
		
		    series: [
		        {
		            name:'学员等级',
		            type:'funnel',
		            left: '5%',
		            top: 60,
		            bottom: 60,
		            min: 0,
		            max: 100,
		            minSize: '0%',
		            maxSize: '100%',
		            sort: 'descending',
		            gap: 2,
		            label: {
		                show: true,
		                position: 'inside'
		            },
		            labelLine: {
		                length: 10,
		                lineStyle: {
		                    width: 1,
		                    type: 'solid'
		                }
		            },
		            itemStyle: {
		                borderColor: '#fff',
		                borderWidth: 1
		            },
		            emphasis: {
		                label: {
		                    fontSize: 20
		                }
		            },
		            data: [
		                {value: 60, name: 'E类'},
		                {value: 40, name: 'D类'},
		                {value: 20, name: 'C类'},
		                {value: 80, name: 'B类'},
		                {value: 100, name: 'A类'}
		            ]
		        }
		    ]
		};
		myChart2.setOption(option);
		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/listStudentLevelCount", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				//异步交互成功的回调函数，data就是后台返回的json数据
				console.log(data);
				//声明数组
				var arr = [];
				//循环遍历服务器返回的数组对象

				var targetA = {};
				targetA.name ='a';
				targetA.value =data.a;
				arr[0] = targetA;

				var targetB = {};
				targetB.name ='b';
				targetB.value = data.b;
				arr[1] = targetB;

				var targetC = {};
				targetC.name ='c';
				targetC.value = data.c;
				arr[2] = targetC;

				var targetD = {};
				targetD.name ='d';
				targetD.value = data.d;
				arr[3] = targetD;

				var targetE = {};
				targetE.name ='e';
				targetE.value = data.e;
				arr[4] = targetE;

				//console.log(arr);
				myChart2.setOption({
					series: [{
						data: arr
					}]
				});
			},
			error:function(){
				alert("异步交互失败~");
			}
		});
	});

	//----------------拓展功能可视化静态设置----------------------
	//当周项目经理发布作业次数
	$(function (){
		// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('shijian01'));
		// 指定图表的配置项和数据
		var option = {
			tooltip: {
				trigger: 'item'
			},
			toolbox: {
				feature: {
					dataView: {readOnly: false},
					restore: {},
					saveAsImage: {}
				}
			},
			legend: {
				orient: 'vertical',
				x: 'left',
				data: ['预计发布作业次数', '实际作业发布次数'],
				textStyle: {
					color: "#e9ebee"
				},
			},
			radar: {
				// shape: 'circle',
				indicator: [
					{ name: 'zs', max: 6},
					{ name: 'ls', max: 6},
					{ name: 'ww', max: 6},
					{ name: 'zl', max: 6},
					{ name: 'xx', max: 6},
					{ name: 'yy', max: 6}
				]
			},
			series: [
				{
					name: '发布作业次数',
					type: 'radar',
					data: [
						{
							value: [5, 5, 5, 5, 5, 5],
							name: '预计发布作业次数'
						},
						{
							value: [1, 2, 4, 5, 6, 2],
							name: '实际作业发布次数'
						}
					]
				}
			]
		};
		// 使用刚指定的配置项和数据显示图表。
		myChart.setOption(option);
		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/workNum", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				var arr1 = [];
				var arr2 = [];
				var arr3 = [];
				for(var i=0;i<data.length;i++){
					var obj = data[i];
					var num=obj.num;
					var name=obj.f_master;
					arr1[i]=num;

					var target = {};
					target.name = name;
					target.max = 7;
					arr2[i]=target;
					arr3[i]=5;
				}
				myChart.setOption({
					legend: {
						data: ['预计发布作业次数', '实际作业发布次数']
					},
					radar: {
						// shape: 'circle',
						indicator: arr2
					},

					series :[
						{
							data: [
								{
									value: arr1,
									name: '实际作业发布次数',
									label: {
										show: true,
										formatter: function (params) {
											return params.value;
										}
									},
									lineStyle: {
										color: "#2481FF"
									},

									itemStyle: {
										color: "#2481FF"
									},
								},
								{
									value: arr3,
									name: '预计发布作业次数',
									label: {
										show: true,
										formatter: function (params) {
											return params.value;
										}
									},
									lineStyle: {
										color: "#1AFFFD"
									},

									itemStyle: {
										color: "#1AFFFD"
									},


								},

							]

						}]
				})
			},
			error:function(){
				alert("异步交互失败~");
			}
		})
	})

	//当周各班级考核次数
	$(function (){
		// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('shijian02'));
		var option = {
			title: {
				textStyle: {
					color: "#e9ebee"
				},
				x: 'center'
			},
			tooltip: {
				trigger: "axis",
				axisPointer: {
				}
			},
			legend: {
				orient: 'vertical',
				x: 'left',
				textStyle: {
					color: "#e9ebee"

				},
			},
			calculable: false,
			xAxis: [
				{
					type: 'category',
					splitLine: {
						show: false
					},
					axisLabel: {
						textStyle: {
							color: '#a4a7ab'
						}
					},
					data: ['java293', 'java294', 'java295', 'java296','java297','java298']
				}
			],
			yAxis: [{
				type: 'value',
				splitLine: {
					show: false
				},
				minInterval: 1,
				axisLabel: {
					formatter: '{value} 次',
					interval: 'auto',
					textStyle: {
						color: '#a4a7ab',
						align: 'right'
					}
				},
				axisLine:{
					show: true
				}
			}],
			grid: {
				borderWidth: 0
			},
			series: [{
				type: 'scatter',
				data: [50, 20, 40, 87, 75, 67],
				itemStyle: {
					normal: {
						color: '#2481ff'
					}
				},
			}]
		};
		// 使用刚指定的配置项和数据显示图表。
		myChart.setOption(option);
		$.ajax({
			type:"get", //向后台发送请求的方式
			url:"/manager/analysis/assessNum", //向后台请求的url地址
			dataType:"json", //服务器返回的数据类型
			success:function(data){
				var arr1 = [];
				var arr2 = [];
				for(var i=0;i<data.length;i++){
					var obj = data[i];
					var num=obj.num;
					var name=obj.f_classname;
					arr1[i]=num;
					arr2[i]=name;
				}

				myChart.setOption({
					xAxis: [{
						data: arr2
					}],
					series :[{
						data: arr1
					}]
				})

			}
		})
	})

	//学员各省就业空间显示
	$(function (){

		var styleJson =
						[{
							"featureType": "land",
							"elementType": "geometry",
							"stylers": {
								"color": "#343378ff"
							}
						}, {
							"featureType": "road",
							"elementType": "geometry",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "road",
							"elementType": "labels",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "poilabel",
							"elementType": "labels",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "poilabel",
							"elementType": "labels.icon",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "districtlabel",
							"elementType": "labels",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "districtlabel",
							"elementType": "labels.icon",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "subwaylabel",
							"elementType": "labels.icon",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "subwaylabel",
							"elementType": "labels",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "tertiarywaysign",
							"elementType": "labels",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "tertiarywaysign",
							"elementType": "labels.icon",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "provincialwaysign",
							"elementType": "labels.icon",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "provincialwaysign",
							"elementType": "labels",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "nationalwaysign",
							"elementType": "labels.icon",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "nationalwaysign",
							"elementType": "labels",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "highwaysign",
							"elementType": "labels.icon",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "highwaysign",
							"elementType": "labels",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "water",
							"elementType": "geometry",
							"stylers": {
								"color": "#e4bb5cff"
							}
						}, {
							"featureType": "water",
							"elementType": "labels.text.fill",
							"stylers": {
								"color": "#ffffffff"
							}
						}, {
							"featureType": "water",
							"elementType": "labels.text.stroke",
							"stylers": {
								"color": "#ed9937ff"
							}
						}, {
							"featureType": "green",
							"elementType": "geometry",
							"stylers": {
								"color": "#232170ff"
							}
						}, {
							"featureType": "scenicspots",
							"elementType": "geometry",
							"stylers": {
								"color": "#232170ff"
							}
						}, {
							"featureType": "education",
							"elementType": "geometry",
							"stylers": {
								"color": "#232170ff"
							}
						}, {
							"featureType": "transportation",
							"elementType": "geometry",
							"stylers": {
								"color": "#232170ff"
							}
						}, {
							"featureType": "manmade",
							"elementType": "geometry",
							"stylers": {
								"visibility": "on",
								"color": "#232170ff"
							}
						}, {
							"featureType": "manmade",
							"elementType": "labels.text.fill",
							"stylers": {
								"color": "#ed9937ff"
							}
						}, {
							"featureType": "manmade",
							"elementType": "labels.text.stroke",
							"stylers": {
								"color": "#ffffff00",
								"weight": "0.5"
							}
						}, {
							"featureType": "scenicspots",
							"elementType": "labels.text.fill",
							"stylers": {
								"color": "#ed9937ff"
							}
						}, {
							"featureType": "highway",
							"elementType": "geometry.fill",
							"stylers": {
								"color": "#7781cbff"
							}
						}, {
							"featureType": "highway",
							"elementType": "geometry.stroke",
							"stylers": {
								"color": "#232170ff"
							}
						}, {
							"featureType": "highway",
							"elementType": "geometry",
							"stylers": {
								"weight": "2"
							}
						}, {
							"featureType": "highway",
							"stylers": {
								"level": "6",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-7"
							}
						}, {
							"featureType": "highway",
							"stylers": {
								"level": "7",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-7"
							}
						}, {
							"featureType": "highway",
							"elementType": "geometry",
							"stylers": {
								"visibility": "off",
								"level": "6",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-7"
							}
						}, {
							"featureType": "highway",
							"elementType": "geometry",
							"stylers": {
								"visibility": "off",
								"level": "7",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-7"
							}
						}, {
							"featureType": "highway",
							"elementType": "labels",
							"stylers": {
								"visibility": "off",
								"level": "6",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-7"
							}
						}, {
							"featureType": "highway",
							"elementType": "labels",
							"stylers": {
								"visibility": "off",
								"level": "7",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-7"
							}
						}, {
							"featureType": "highway",
							"elementType": "labels.text.stroke",
							"stylers": {
								"weight": "1"
							}
						}, {
							"featureType": "nationalway",
							"elementType": "geometry.fill",
							"stylers": {
								"color": "#7781cbff"
							}
						}, {
							"featureType": "nationalway",
							"elementType": "geometry.stroke",
							"stylers": {
								"color": "#232170ff"
							}
						}, {
							"featureType": "nationalway",
							"elementType": "geometry",
							"stylers": {
								"weight": "2"
							}
						}, {
							"featureType": "nationalway",
							"stylers": {
								"level": "6",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-10"
							}
						}, {
							"featureType": "nationalway",
							"stylers": {
								"level": "7",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-10"
							}
						}, {
							"featureType": "nationalway",
							"stylers": {
								"level": "8",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-10"
							}
						}, {
							"featureType": "nationalway",
							"stylers": {
								"level": "9",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-10"
							}
						}, {
							"featureType": "nationalway",
							"stylers": {
								"level": "10",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-10"
							}
						}, {
							"featureType": "nationalway",
							"elementType": "geometry",
							"stylers": {
								"visibility": "off",
								"level": "6",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-10"
							}
						}, {
							"featureType": "nationalway",
							"elementType": "geometry",
							"stylers": {
								"visibility": "off",
								"level": "7",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-10"
							}
						}, {
							"featureType": "nationalway",
							"elementType": "geometry",
							"stylers": {
								"visibility": "off",
								"level": "8",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-10"
							}
						}, {
							"featureType": "nationalway",
							"elementType": "geometry",
							"stylers": {
								"visibility": "off",
								"level": "9",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-10"
							}
						}, {
							"featureType": "nationalway",
							"elementType": "geometry",
							"stylers": {
								"visibility": "off",
								"level": "10",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-10"
							}
						}, {
							"featureType": "nationalway",
							"elementType": "labels",
							"stylers": {
								"visibility": "off",
								"level": "6",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-10"
							}
						}, {
							"featureType": "nationalway",
							"elementType": "labels",
							"stylers": {
								"visibility": "off",
								"level": "7",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-10"
							}
						}, {
							"featureType": "nationalway",
							"elementType": "labels",
							"stylers": {
								"visibility": "off",
								"level": "8",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-10"
							}
						}, {
							"featureType": "nationalway",
							"elementType": "labels",
							"stylers": {
								"visibility": "off",
								"level": "9",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-10"
							}
						}, {
							"featureType": "nationalway",
							"elementType": "labels",
							"stylers": {
								"visibility": "off",
								"level": "10",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-10"
							}
						}, {
							"featureType": "education",
							"elementType": "labels.text",
							"stylers": {
								"fontsize": "26"
							}
						}, {
							"featureType": "manmade",
							"elementType": "labels.text",
							"stylers": {
								"fontsize": "26"
							}
						}, {
							"featureType": "transportation",
							"elementType": "labels.text.fill",
							"stylers": {
								"color": "#ed9937ff"
							}
						}, {
							"featureType": "transportation",
							"elementType": "labels.text.stroke",
							"stylers": {
								"color": "#ffffff00"
							}
						}, {
							"featureType": "transportation",
							"elementType": "labels.text",
							"stylers": {
								"fontsize": "26"
							}
						}, {
							"featureType": "scenicspots",
							"elementType": "labels.text",
							"stylers": {
								"fontsize": "26"
							}
						}, {
							"featureType": "scenicspots",
							"elementType": "labels.text.stroke",
							"stylers": {
								"color": "#ffffff00"
							}
						}, {
							"featureType": "building",
							"elementType": "geometry.topfill",
							"stylers": {
								"color": "#232170ff"
							}
						}, {
							"featureType": "building",
							"elementType": "geometry.sidefill",
							"stylers": {
								"color": "#27247bff"
							}
						}, {
							"featureType": "building",
							"elementType": "geometry.stroke",
							"stylers": {
								"color": "#0e0d52ff"
							}
						}, {
							"featureType": "provincialway",
							"elementType": "labels",
							"stylers": {
								"visibility": "on"
							}
						}, {
							"featureType": "provincialway",
							"elementType": "geometry.fill",
							"stylers": {
								"color": "#7781cbff"
							}
						}, {
							"featureType": "provincialway",
							"elementType": "geometry.stroke",
							"stylers": {
								"color": "#232170ff"
							}
						}, {
							"featureType": "provincialway",
							"elementType": "geometry",
							"stylers": {
								"weight": "2"
							}
						}, {
							"featureType": "cityhighway",
							"elementType": "geometry",
							"stylers": {
								"weight": "2"
							}
						}, {
							"featureType": "cityhighway",
							"elementType": "labels",
							"stylers": {
								"visibility": "on"
							}
						}, {
							"featureType": "cityhighway",
							"elementType": "geometry.stroke",
							"stylers": {
								"color": "#232170ff"
							}
						}, {
							"featureType": "cityhighway",
							"elementType": "geometry.fill",
							"stylers": {
								"color": "#7781cbff"
							}
						}, {
							"featureType": "arterial",
							"elementType": "geometry.fill",
							"stylers": {
								"color": "#7781cbff"
							}
						}, {
							"featureType": "tertiaryway",
							"elementType": "geometry.fill",
							"stylers": {
								"color": "#7781cbff"
							}
						}, {
							"featureType": "fourlevelway",
							"elementType": "geometry.fill",
							"stylers": {
								"color": "#7781cbff"
							}
						}, {
							"featureType": "local",
							"elementType": "geometry",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "local",
							"elementType": "labels",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "arterial",
							"elementType": "geometry.stroke",
							"stylers": {
								"color": "#232170ff"
							}
						}, {
							"featureType": "arterial",
							"elementType": "geometry",
							"stylers": {
								"weight": "2"
							}
						}, {
							"featureType": "tertiaryway",
							"elementType": "geometry.stroke",
							"stylers": {
								"color": "#232170ff"
							}
						}, {
							"featureType": "tertiaryway",
							"elementType": "geometry",
							"stylers": {
								"weight": "2"
							}
						}, {
							"featureType": "fourlevelway",
							"elementType": "geometry.stroke",
							"stylers": {
								"color": "#232170ff"
							}
						}, {
							"featureType": "fourlevelway",
							"elementType": "geometry",
							"stylers": {
								"weight": "2"
							}
						}, {
							"featureType": "provincialway",
							"elementType": "labels.text.fill",
							"stylers": {
								"color": "#ed9937ff"
							}
						}, {
							"featureType": "provincialway",
							"elementType": "labels.text.stroke",
							"stylers": {
								"color": "#ffffff00"
							}
						}, {
							"featureType": "cityhighway",
							"elementType": "labels.text.fill",
							"stylers": {
								"color": "#ed9937ff"
							}
						}, {
							"featureType": "cityhighway",
							"elementType": "labels.text.stroke",
							"stylers": {
								"color": "#ffffff00"
							}
						}, {
							"featureType": "arterial",
							"elementType": "labels.text.fill",
							"stylers": {
								"color": "#ed9937ff"
							}
						}, {
							"featureType": "arterial",
							"elementType": "labels.text.stroke",
							"stylers": {
								"color": "#ffffff00"
							}
						}, {
							"featureType": "tertiaryway",
							"elementType": "labels.text.fill",
							"stylers": {
								"color": "#ed9937ff"
							}
						}, {
							"featureType": "tertiaryway",
							"elementType": "labels.text.stroke",
							"stylers": {
								"color": "#ffffff00"
							}
						}, {
							"featureType": "fourlevelway",
							"elementType": "labels.text.fill",
							"stylers": {
								"color": "#ed9937ff"
							}
						}, {
							"featureType": "fourlevelway",
							"elementType": "labels.text.stroke",
							"stylers": {
								"color": "#ffffff00"
							}
						}, {
							"featureType": "scenicspotslabel",
							"elementType": "labels.icon",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "scenicspotslabel",
							"elementType": "labels.text.fill",
							"stylers": {
								"color": "#ed9937ff"
							}
						}, {
							"featureType": "scenicspotslabel",
							"elementType": "labels.text.stroke",
							"stylers": {
								"color": "#ffffff00"
							}
						}, {
							"featureType": "transportationlabel",
							"elementType": "labels.icon",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "transportationlabel",
							"elementType": "labels.text.fill",
							"stylers": {
								"color": "#ed9937ff"
							}
						}, {
							"featureType": "transportationlabel",
							"elementType": "labels.text.stroke",
							"stylers": {
								"color": "#ffffff00"
							}
						}, {
							"featureType": "transportationlabel",
							"elementType": "labels",
							"stylers": {
								"visibility": "off"
							}
						}, {
							"featureType": "scenicspotslabel",
							"elementType": "labels",
							"stylers": {
								"visibility": "on"
							}
						}, {
							"featureType": "country",
							"elementType": "labels.text.fill",
							"stylers": {
								"color": "#ffffffff",
								"weight": "40"
							}
						}, {
							"featureType": "country",
							"elementType": "labels.text.stroke",
							"stylers": {
								"color": "#ed9937ff",
								"weight": "2"
							}
						}, {
							"featureType": "city",
							"elementType": "labels.text.fill",
							"stylers": {
								"color": "#ed9937ff",
								"weight": "90"
							}
						}, {
							"featureType": "city",
							"elementType": "labels.text.stroke",
							"stylers": {
								"color": "#ffffff00"
							}
						}, {
							"featureType": "city",
							"elementType": "labels.text",
							"stylers": {
								"fontsize": "26"
							}
						}, {
							"featureType": "country",
							"elementType": "labels.text",
							"stylers": {
								"fontsize": "26"
							}
						}, {
							"featureType": "country",
							"stylers": {
								"level": "6",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-9"
							}
						}, {
							"featureType": "country",
							"stylers": {
								"level": "7",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-9"
							}
						}, {
							"featureType": "country",
							"stylers": {
								"level": "8",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-9"
							}
						}, {
							"featureType": "country",
							"stylers": {
								"level": "9",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-9"
							}
						}, {
							"featureType": "country",
							"elementType": "labels",
							"stylers": {
								"visibility": "off",
								"level": "6",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-9"
							}
						}, {
							"featureType": "country",
							"elementType": "labels",
							"stylers": {
								"visibility": "off",
								"level": "7",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-9"
							}
						}, {
							"featureType": "country",
							"elementType": "labels",
							"stylers": {
								"visibility": "off",
								"level": "8",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-9"
							}
						}, {
							"featureType": "country",
							"elementType": "labels",
							"stylers": {
								"visibility": "off",
								"level": "9",
								"curZoomRegionId": "0",
								"curZoomRegion": "6-9"
							}
						}, {
							"featureType": "city",
							"elementType": "labels.icon",
							"stylers": {
								"visibility": "on"
							}
						}];
		// 创建地图实例
		var map = new BMapGL.Map("shijian03");
		//百度地图格式
		map.setMapStyleV2({
			styleId: '8adc3f010cabff68f366c44d2d310297',
			styleJson: styleJson
		});
		// 创建点坐标
		var point = new BMapGL.Point(116.404, 39.925);
		// 初始化地图，设置中心点坐标和地图级别
		map.centerAndZoom('北京市', 6); // 初始化地图,设置中心点坐标和地图级别
		map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
		$.ajax({
			type: "get", //向后台发送请求的方式
			url: "/manager/analysis/listStudentplace", //向后台请求的url地址
			dataType: "json", //服务器返回的数据类型
			success:function(data){
				for(var i=0;i<data.length;i++) {
					var myGeo = new BMapGL.Geocoder();
					myGeo.getPoint(data[i].place, function(name){
						map.addOverlay(new BMapGL.Marker(name));
					});
				}
				//地图添加事件
				map.addEventListener('click', function(e) {
					var point = new BMapGL.Point(e.latlng.lng, e.latlng.lat);
					//创建地图解析器实例
					var gc = new BMapGL.Geocoder();

					gc.getLocation(point, function (rs) {
						var opts = {
							title: '学员就业信息',
							width: 220,
							height: 92
						};

						for(var j=0;j<data.length;j++) {
							if(data[j].place==rs.addressComponents.city){
								var infoStr =
										'<div>地点：' + rs.addressComponents.city + '</div>'
										+'<div>人数：' + data[j].number + '</div>'
										+'<div>平均薪资：' + data[j].salary + '</div>'
								// +'</div>' +'输出检测' + '</div>';

								var infoWindow = new BMapGL.InfoWindow(infoStr, opts);
								map.openInfoWindow(infoWindow, point);
							}
						}


					})
				});

			},
			error:function (){
				alert("异步交互失败");
			}
		});
	})

	//学院空间定位信息

	$(function (){

		var styleJson =
				[{
					"featureType": "land",
					"elementType": "geometry",
					"stylers": {
						"color": "#343378ff"
					}
				}, {
					"featureType": "road",
					"elementType": "geometry",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "road",
					"elementType": "labels",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "poilabel",
					"elementType": "labels",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "poilabel",
					"elementType": "labels.icon",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "districtlabel",
					"elementType": "labels",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "districtlabel",
					"elementType": "labels.icon",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "subwaylabel",
					"elementType": "labels.icon",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "subwaylabel",
					"elementType": "labels",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "tertiarywaysign",
					"elementType": "labels",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "tertiarywaysign",
					"elementType": "labels.icon",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "provincialwaysign",
					"elementType": "labels.icon",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "provincialwaysign",
					"elementType": "labels",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "nationalwaysign",
					"elementType": "labels.icon",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "nationalwaysign",
					"elementType": "labels",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "highwaysign",
					"elementType": "labels.icon",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "highwaysign",
					"elementType": "labels",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "water",
					"elementType": "geometry",
					"stylers": {
						"color": "#e4bb5cff"
					}
				}, {
					"featureType": "water",
					"elementType": "labels.text.fill",
					"stylers": {
						"color": "#ffffffff"
					}
				}, {
					"featureType": "water",
					"elementType": "labels.text.stroke",
					"stylers": {
						"color": "#ed9937ff"
					}
				}, {
					"featureType": "green",
					"elementType": "geometry",
					"stylers": {
						"color": "#232170ff"
					}
				}, {
					"featureType": "scenicspots",
					"elementType": "geometry",
					"stylers": {
						"color": "#232170ff"
					}
				}, {
					"featureType": "education",
					"elementType": "geometry",
					"stylers": {
						"color": "#232170ff"
					}
				}, {
					"featureType": "transportation",
					"elementType": "geometry",
					"stylers": {
						"color": "#232170ff"
					}
				}, {
					"featureType": "manmade",
					"elementType": "geometry",
					"stylers": {
						"visibility": "on",
						"color": "#232170ff"
					}
				}, {
					"featureType": "manmade",
					"elementType": "labels.text.fill",
					"stylers": {
						"color": "#ed9937ff"
					}
				}, {
					"featureType": "manmade",
					"elementType": "labels.text.stroke",
					"stylers": {
						"color": "#ffffff00",
						"weight": "0.5"
					}
				}, {
					"featureType": "scenicspots",
					"elementType": "labels.text.fill",
					"stylers": {
						"color": "#ed9937ff"
					}
				}, {
					"featureType": "highway",
					"elementType": "geometry.fill",
					"stylers": {
						"color": "#7781cbff"
					}
				}, {
					"featureType": "highway",
					"elementType": "geometry.stroke",
					"stylers": {
						"color": "#232170ff"
					}
				}, {
					"featureType": "highway",
					"elementType": "geometry",
					"stylers": {
						"weight": "2"
					}
				}, {
					"featureType": "highway",
					"stylers": {
						"level": "6",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-7"
					}
				}, {
					"featureType": "highway",
					"stylers": {
						"level": "7",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-7"
					}
				}, {
					"featureType": "highway",
					"elementType": "geometry",
					"stylers": {
						"visibility": "off",
						"level": "6",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-7"
					}
				}, {
					"featureType": "highway",
					"elementType": "geometry",
					"stylers": {
						"visibility": "off",
						"level": "7",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-7"
					}
				}, {
					"featureType": "highway",
					"elementType": "labels",
					"stylers": {
						"visibility": "off",
						"level": "6",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-7"
					}
				}, {
					"featureType": "highway",
					"elementType": "labels",
					"stylers": {
						"visibility": "off",
						"level": "7",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-7"
					}
				}, {
					"featureType": "highway",
					"elementType": "labels.text.stroke",
					"stylers": {
						"weight": "1"
					}
				}, {
					"featureType": "nationalway",
					"elementType": "geometry.fill",
					"stylers": {
						"color": "#7781cbff"
					}
				}, {
					"featureType": "nationalway",
					"elementType": "geometry.stroke",
					"stylers": {
						"color": "#232170ff"
					}
				}, {
					"featureType": "nationalway",
					"elementType": "geometry",
					"stylers": {
						"weight": "2"
					}
				}, {
					"featureType": "nationalway",
					"stylers": {
						"level": "6",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-10"
					}
				}, {
					"featureType": "nationalway",
					"stylers": {
						"level": "7",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-10"
					}
				}, {
					"featureType": "nationalway",
					"stylers": {
						"level": "8",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-10"
					}
				}, {
					"featureType": "nationalway",
					"stylers": {
						"level": "9",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-10"
					}
				}, {
					"featureType": "nationalway",
					"stylers": {
						"level": "10",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-10"
					}
				}, {
					"featureType": "nationalway",
					"elementType": "geometry",
					"stylers": {
						"visibility": "off",
						"level": "6",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-10"
					}
				}, {
					"featureType": "nationalway",
					"elementType": "geometry",
					"stylers": {
						"visibility": "off",
						"level": "7",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-10"
					}
				}, {
					"featureType": "nationalway",
					"elementType": "geometry",
					"stylers": {
						"visibility": "off",
						"level": "8",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-10"
					}
				}, {
					"featureType": "nationalway",
					"elementType": "geometry",
					"stylers": {
						"visibility": "off",
						"level": "9",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-10"
					}
				}, {
					"featureType": "nationalway",
					"elementType": "geometry",
					"stylers": {
						"visibility": "off",
						"level": "10",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-10"
					}
				}, {
					"featureType": "nationalway",
					"elementType": "labels",
					"stylers": {
						"visibility": "off",
						"level": "6",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-10"
					}
				}, {
					"featureType": "nationalway",
					"elementType": "labels",
					"stylers": {
						"visibility": "off",
						"level": "7",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-10"
					}
				}, {
					"featureType": "nationalway",
					"elementType": "labels",
					"stylers": {
						"visibility": "off",
						"level": "8",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-10"
					}
				}, {
					"featureType": "nationalway",
					"elementType": "labels",
					"stylers": {
						"visibility": "off",
						"level": "9",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-10"
					}
				}, {
					"featureType": "nationalway",
					"elementType": "labels",
					"stylers": {
						"visibility": "off",
						"level": "10",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-10"
					}
				}, {
					"featureType": "education",
					"elementType": "labels.text",
					"stylers": {
						"fontsize": "26"
					}
				}, {
					"featureType": "manmade",
					"elementType": "labels.text",
					"stylers": {
						"fontsize": "26"
					}
				}, {
					"featureType": "transportation",
					"elementType": "labels.text.fill",
					"stylers": {
						"color": "#ed9937ff"
					}
				}, {
					"featureType": "transportation",
					"elementType": "labels.text.stroke",
					"stylers": {
						"color": "#ffffff00"
					}
				}, {
					"featureType": "transportation",
					"elementType": "labels.text",
					"stylers": {
						"fontsize": "26"
					}
				}, {
					"featureType": "scenicspots",
					"elementType": "labels.text",
					"stylers": {
						"fontsize": "26"
					}
				}, {
					"featureType": "scenicspots",
					"elementType": "labels.text.stroke",
					"stylers": {
						"color": "#ffffff00"
					}
				}, {
					"featureType": "building",
					"elementType": "geometry.topfill",
					"stylers": {
						"color": "#232170ff"
					}
				}, {
					"featureType": "building",
					"elementType": "geometry.sidefill",
					"stylers": {
						"color": "#27247bff"
					}
				}, {
					"featureType": "building",
					"elementType": "geometry.stroke",
					"stylers": {
						"color": "#0e0d52ff"
					}
				}, {
					"featureType": "provincialway",
					"elementType": "labels",
					"stylers": {
						"visibility": "on"
					}
				}, {
					"featureType": "provincialway",
					"elementType": "geometry.fill",
					"stylers": {
						"color": "#7781cbff"
					}
				}, {
					"featureType": "provincialway",
					"elementType": "geometry.stroke",
					"stylers": {
						"color": "#232170ff"
					}
				}, {
					"featureType": "provincialway",
					"elementType": "geometry",
					"stylers": {
						"weight": "2"
					}
				}, {
					"featureType": "cityhighway",
					"elementType": "geometry",
					"stylers": {
						"weight": "2"
					}
				}, {
					"featureType": "cityhighway",
					"elementType": "labels",
					"stylers": {
						"visibility": "on"
					}
				}, {
					"featureType": "cityhighway",
					"elementType": "geometry.stroke",
					"stylers": {
						"color": "#232170ff"
					}
				}, {
					"featureType": "cityhighway",
					"elementType": "geometry.fill",
					"stylers": {
						"color": "#7781cbff"
					}
				}, {
					"featureType": "arterial",
					"elementType": "geometry.fill",
					"stylers": {
						"color": "#7781cbff"
					}
				}, {
					"featureType": "tertiaryway",
					"elementType": "geometry.fill",
					"stylers": {
						"color": "#7781cbff"
					}
				}, {
					"featureType": "fourlevelway",
					"elementType": "geometry.fill",
					"stylers": {
						"color": "#7781cbff"
					}
				}, {
					"featureType": "local",
					"elementType": "geometry",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "local",
					"elementType": "labels",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "arterial",
					"elementType": "geometry.stroke",
					"stylers": {
						"color": "#232170ff"
					}
				}, {
					"featureType": "arterial",
					"elementType": "geometry",
					"stylers": {
						"weight": "2"
					}
				}, {
					"featureType": "tertiaryway",
					"elementType": "geometry.stroke",
					"stylers": {
						"color": "#232170ff"
					}
				}, {
					"featureType": "tertiaryway",
					"elementType": "geometry",
					"stylers": {
						"weight": "2"
					}
				}, {
					"featureType": "fourlevelway",
					"elementType": "geometry.stroke",
					"stylers": {
						"color": "#232170ff"
					}
				}, {
					"featureType": "fourlevelway",
					"elementType": "geometry",
					"stylers": {
						"weight": "2"
					}
				}, {
					"featureType": "provincialway",
					"elementType": "labels.text.fill",
					"stylers": {
						"color": "#ed9937ff"
					}
				}, {
					"featureType": "provincialway",
					"elementType": "labels.text.stroke",
					"stylers": {
						"color": "#ffffff00"
					}
				}, {
					"featureType": "cityhighway",
					"elementType": "labels.text.fill",
					"stylers": {
						"color": "#ed9937ff"
					}
				}, {
					"featureType": "cityhighway",
					"elementType": "labels.text.stroke",
					"stylers": {
						"color": "#ffffff00"
					}
				}, {
					"featureType": "arterial",
					"elementType": "labels.text.fill",
					"stylers": {
						"color": "#ed9937ff"
					}
				}, {
					"featureType": "arterial",
					"elementType": "labels.text.stroke",
					"stylers": {
						"color": "#ffffff00"
					}
				}, {
					"featureType": "tertiaryway",
					"elementType": "labels.text.fill",
					"stylers": {
						"color": "#ed9937ff"
					}
				}, {
					"featureType": "tertiaryway",
					"elementType": "labels.text.stroke",
					"stylers": {
						"color": "#ffffff00"
					}
				}, {
					"featureType": "fourlevelway",
					"elementType": "labels.text.fill",
					"stylers": {
						"color": "#ed9937ff"
					}
				}, {
					"featureType": "fourlevelway",
					"elementType": "labels.text.stroke",
					"stylers": {
						"color": "#ffffff00"
					}
				}, {
					"featureType": "scenicspotslabel",
					"elementType": "labels.icon",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "scenicspotslabel",
					"elementType": "labels.text.fill",
					"stylers": {
						"color": "#ed9937ff"
					}
				}, {
					"featureType": "scenicspotslabel",
					"elementType": "labels.text.stroke",
					"stylers": {
						"color": "#ffffff00"
					}
				}, {
					"featureType": "transportationlabel",
					"elementType": "labels.icon",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "transportationlabel",
					"elementType": "labels.text.fill",
					"stylers": {
						"color": "#ed9937ff"
					}
				}, {
					"featureType": "transportationlabel",
					"elementType": "labels.text.stroke",
					"stylers": {
						"color": "#ffffff00"
					}
				}, {
					"featureType": "transportationlabel",
					"elementType": "labels",
					"stylers": {
						"visibility": "off"
					}
				}, {
					"featureType": "scenicspotslabel",
					"elementType": "labels",
					"stylers": {
						"visibility": "on"
					}
				}, {
					"featureType": "country",
					"elementType": "labels.text.fill",
					"stylers": {
						"color": "#ffffffff",
						"weight": "40"
					}
				}, {
					"featureType": "country",
					"elementType": "labels.text.stroke",
					"stylers": {
						"color": "#ed9937ff",
						"weight": "2"
					}
				}, {
					"featureType": "city",
					"elementType": "labels.text.fill",
					"stylers": {
						"color": "#ed9937ff",
						"weight": "90"
					}
				}, {
					"featureType": "city",
					"elementType": "labels.text.stroke",
					"stylers": {
						"color": "#ffffff00"
					}
				}, {
					"featureType": "city",
					"elementType": "labels.text",
					"stylers": {
						"fontsize": "26"
					}
				}, {
					"featureType": "country",
					"elementType": "labels.text",
					"stylers": {
						"fontsize": "26"
					}
				}, {
					"featureType": "country",
					"stylers": {
						"level": "6",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-9"
					}
				}, {
					"featureType": "country",
					"stylers": {
						"level": "7",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-9"
					}
				}, {
					"featureType": "country",
					"stylers": {
						"level": "8",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-9"
					}
				}, {
					"featureType": "country",
					"stylers": {
						"level": "9",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-9"
					}
				}, {
					"featureType": "country",
					"elementType": "labels",
					"stylers": {
						"visibility": "off",
						"level": "6",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-9"
					}
				}, {
					"featureType": "country",
					"elementType": "labels",
					"stylers": {
						"visibility": "off",
						"level": "7",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-9"
					}
				}, {
					"featureType": "country",
					"elementType": "labels",
					"stylers": {
						"visibility": "off",
						"level": "8",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-9"
					}
				}, {
					"featureType": "country",
					"elementType": "labels",
					"stylers": {
						"visibility": "off",
						"level": "9",
						"curZoomRegionId": "0",
						"curZoomRegion": "6-9"
					}
				}, {
					"featureType": "city",
					"elementType": "labels.icon",
					"stylers": {
						"visibility": "on"
					}
				}];
		// 创建地图实例
		var map = new BMapGL.Map("shijian04");
		//百度地图格式
		map.setMapStyleV2({
			styleId: '8adc3f010cabff68f366c44d2d310297',
			styleJson: styleJson
		});
		// 创建点坐标
		var point = new BMapGL.Point(116.404, 39.925);
		// 初始化地图，设置中心点坐标和地图级别
		map.centerAndZoom('北京市', 6); // 初始化地图,设置中心点坐标和地图级别
		map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
		$.ajax({
			type: "get", //向后台发送请求的方式
			url: "/manager/analysis/listStudentAddress", //向后台请求的url地址
			dataType: "json", //服务器返回的数据类型
			success:function(data){
				for(var i=0;i<data.length;i++) {
					var myGeo = new BMapGL.Geocoder();
					myGeo.getPoint(data[i].place, function(name){
						map.addOverlay(new BMapGL.Marker(name));
					});
				}
				//地图添加事件
				map.addEventListener('click', function(e) {
					var point = new BMapGL.Point(e.latlng.lng, e.latlng.lat);
					//创建地图解析器实例
					var gc = new BMapGL.Geocoder();

					gc.getLocation(point, function (rs) {
						var opts = {
							title: '学员空间定位',
							width: 220,
							height: 92
						};

						for(var j=0;j<data.length;j++) {
							if(data[j].place==rs.addressComponents.city){
								var infoStr =
										'<div>地点：' + rs.addressComponents.city + '</div>'
										+'<div>当地学员人数：' + data[j].number + '人</div>'
								// +'</div>' +'输出检测' + '</div>';
								var infoWindow = new BMapGL.InfoWindow(infoStr, opts);
								map.openInfoWindow(infoWindow, point);
							}
						}


					})
				});

			},
			error:function (){
				alert("异步交互失败");
			}
		});
	})

</script>
